<div class="max_banner">
<div id="js_banner" class="banner">
	<ul id="js_banner_img" class="banner_img clear">
	<?php foreach($slides as $vaule){?>
		<li class="bgli01">
			<div class="banner_inner">
				<div class="child child1" data-z="2"><a href="<?php echo base_url().$vaule['url'];?>"><img src="<?php echo base_url().$vaule['img_url'];?>" /></a></div><!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
				<div class="child child2" data-z="3">
                  <div class="text">
                    <h2><?php echo $vaule['img_title'];?></h2> 
                    <p class="copy"><?php echo $vaule['img_descript'];?></p>
                    <p class="button"> <a class="dimmed" href="<?php echo base_url($this->_site_path."/news/get_content/21/217");?>">在线咨询</a></p>
                  </div>

                </div>
			</div>
		</li>		
	<?php } ?>
	</ul>
	<div class="banner_common">
		<a id="js_banner_pre" href="javascript:;" class="banner_pre"></a>
		<a id="js_banner_next" href="javascript:;" class="banner_next"></a>
	</div>
</div>
</div>

<script type="text/javascript">
	$(function(){
		var $window = $(window),
			window_width = $window.width();
		$('#js_banner, #js_banner_img li').width(window_width);

		var urlParam = G.util.parse.url(),
			startFrame = 0;
		if (urlParam.search && ('banner' in urlParam.search)) {
			startFrame = (parseInt(urlParam.search['banner'])-1) || 0;
		}

		new $.Tab({/*添加圆点按钮*/
			target: $('#js_banner_img li'),
			effect: 'slide3d',
			animateTime: 1000,
			stay: 4000,
			playTo: startFrame,
			autoPlay: true,
			merge: true,
			prevBtn: $('#js_banner_pre'),
			nextBtn: $('#js_banner_next')
		});
		$('#js_banner_img').css('left','-' + (window_width * startFrame) + 'px');
	})
</script>
		